
.banner{ height:620px; overflow:hidden; position:relative;}
.banner .imgs{}
.banner .imgs div{ display:none; width:100%; height:100%; position:absolute; left:0; top:0;}
.banner .textList{ width:1000px; height:100%; margin:0 0 0 -500px; position:absolute; left:50%; top:0;}
.banner .text{ width:520px; color:#fff; position:absolute; left:0; top:160px;}
.banner .text .p1{ display:none; font-size:35px; line-height:30px; position:relative; line-height:40px;}
.banner .text .p2{ display:none; padding:20px 0; line-height:18px; position:relative;}
.banner .text .p3{ display:none; position:relative;}
.banner .text .more{ width:107px; height:25px; line-height:25px; color:#fff; text-align:center; text-transform:uppercase; background:url(../images/more3.png) repeat-x; display:inline-block;}

.banner .btns{ width:17px; position:absolute; right:25px; top:50%;}
.banner .btns li{ width:17px; height:17px; float:left; margin:3px 0; position:relative;}
.banner .btns li span{ width:100%; height:100%; display:inline-block; background:url(../images/btn1.png) no-repeat 0 0; cursor:pointer;}
.banner .btns .title{ display:none; width:235px; line-height:22px; color:#7b7b7b; background:url(../images/bannerTitleBg1.png) no-repeat 0 0; position:absolute; right:8px; top:-20px;}
.banner .btns .titleBoxT{ width:100%; height:15px; background:url(../images/bannerTitleBg1.png) no-repeat;}
.banner .btns .titleBoxC{ width:175px; max-height:44px; padding:0 30px 0 30px; overflow:hidden; background:url(../images/bannerTitleBg2.png)  repeat-y;}
.banner .btns .titleBoxB{ width:100%; height:15px; background:url(../images/bannerTitleBg3.png) no-repeat;}
.banner .btns .cur span{ background-position:0 -23px;}



.main{ background:#f0f0f0;}
.main .box{ width:1000px; margin:0 auto;}






.row1{ overflow:hidden; height:275px; background:#000; box-shadow:2px 2px 2px #d8d8d8; position:relative; top:-50px; z-index:3;}
.row1 ul{ height:100%;}
.row1 li{ width:200px; overflow:hidden; background:#fff; float:left; height:100%; position:relative; transition:300ms;}
.row1 li .liBox{ width:198px; height:100%; border-left:1px solid #fff; border-right:1px solid #fff; transition:300ms;}
.row1 li .img{ width:100%; height:200px; overflow:hidden;}
.row1 li .img img{ width:100%; height:100%; transition:300ms;}
.row1 li .line{ display:none; width:0; height:5px; overflow:hidden; background:#2a3990; position:absolute; left:50%; bottom:0;}
.row1 li p{ line-height:20px; text-align:center; padding:0 20px;}
.row1 li a{ color:#afafaf;}
.row1 .otherLi{ opacity:0.8; filter:alpha(opacity=80);}
.row1 li:hover .liBox{ border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2;}
.row1 li:hover a{ color:#2a3990;}
.row1 li:hover .img img{ -webkit-transform:scale(1.1); transform:scale(1.1);}

.row2{ padding:15px 15px; height:290px; background:#fff; box-shadow:2px 2px 2px #d8d8d8; position:relative;}
.row2 .title{ padding:0 0 18px 0; font-size:18px; color:#000;}
.row2 .listBox{ height:220px; overflow:hidden; position:relative;}
.row2 .list{ width:9999px; height:100%; position:absolute; left:0; top:0;}
.row2 .list ul{ width:980px; float:left;}
.row2 .list li{ width:230px; margin:0 15px 0 0; color:#afafaf; line-height:18px; float:left;}
.row2 .list .img{ width:100%; height:90px;}
.row2 .list .p1{ font-size:14px; padding:15px 0;}
.row2 .list .p1 a{ color:#000; font-weight:bold;}
.row2 .list li a:hover{ text-decoration:underline;}
.row2 .btns{ width:100%; text-align:center; position:absolute; left:0; bottom:15px;}
.row2 .btns span{ width:13px; height:13px; margin:0 2px; display:inline-block; background:url(../images/btn3.png) no-repeat 0 0; cursor:pointer;}
.row2 .btns .cur{ background:url(../images/btn3.png) no-repeat -19px 0;}
.row2 .btnLeft{ width:24px; height:24px; position:absolute; left:15px; bottom:15px; display:inline-block; background:url(../images/btn2.png) no-repeat 0 0;}
.row2 .btnRight{ width:24px; height:24px; position:absolute; right:15px; bottom:15px; display:inline-block; background:url(../images/btn2.png) no-repeat -24px -24px;}
.row2 .btnLeft:hover{ width:24px; height:24px; display:inline-block; background:url(../images/btn2.png) no-repeat 0 -24px;}
.row2 .btnRight:hover{ width:24px; height:24px; display:inline-block; background:url(../images/btn2.png) no-repeat -24px 0;}

.row3{}
.row3 ul{ width:1020px; padding:50px 0; overflow:hidden;}
.row3 li{ width:318px; height:350px; border:1px solid #e8e8e8; box-shadow:2px 2px 2px #d8d8d8; background:#fff; margin:0 20px 0 0; float:left; position:relative;}
.row3 li .img{ width:316px; height:180px; background:#000; overflow:hidden; margin:1px;}
.row3 li .img img{ width:100%; height:100%; transition:300ms;}
.row3 li .text{ padding:0 10px; line-height:18px;}
.row3 li .p1{ padding:15px 0 10px 0;}
.row3 li .p1 a{ font-size:14px; color:#000; text-transform:uppercase; font-weight:bold;}
.row3 li .p1 a:hover{ text-decoration:underline;}
.row3 li .p2{ padding:0 0 25px 0; color:#afafaf;}
.row3 li .more{ width:77px; height:20px; display:inline-block; background:url(../images/more2.png) no-repeat 0 -20px;}
.row3 li .line{ display:none; width:0; height:5px; overflow:hidden; background:#2a3990; position:absolute; left:50%; bottom:0;}
.row3 li:hover .more{ background:url(../images/more2.png) no-repeat 0 0;}
.row3 li:hover .img img{ opacity:0.5; filter:alpha(opacity=50); -webkit-transform:scale(1.2); transform:scale(1.2);}






